<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
      integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<style>

    #wrapper h4 {
        margin: 5px 0px 15px 0px;
        font-weight: 400;
    }

    .entry {
        height: 100%;
        width: 100%;
    }


    .border {
        border: 1px solid #DCDCDC;
    }

    .icon {
        margin-top: 5px;
    }

    .entry:hover {
        background: #DCDCDC;
        cursor: pointer;
    }




</style>

<div id="wrapper">

    <div class="row row-eq-height">

        <div class="col-12 col-lg-6 p-1" onclick="location.href='interface/index.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">
                    <div class="icon col-2">
                        <i class="fas fa-bullhorn fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="interface/index.html">Interface</a></p>

                        <b>Function:</b>
                        <a href="interface/minimize.html">minimize</a>
                        <p style="margin-bottom:0.4em;"></p>

                        <b>Parameters:</b>
                        <a href="problems/index.html">Problem</a>,
                        <a href="algorithms/index.html">Algorithm</a>,
                        <a href="interface/termination.html">Termination</a>
                        <p style="margin-bottom:0.4em;"></p>

                        <b>Optionals:</b>
                        <a href="interface/callback.html">Callback</a>,
                        <a href="interface/display.html">Display</a>,
                        <a href="interface/minimize.html">...</a>

                        <p style="margin-bottom:0.4em;"></p>

                        <b>Returns:</b> <a href="interface/result.html">Result</a>

                        <br>
                        <p style="margin-bottom:0.7em;"></p>

                        <b>Related:</b>
                        <a href="algorithms/usage.html">Ask and Tell</a><img class="new-flag" src="_static/new-flag.svg">,
                        <a href="misc/checkpoint.html">Checkpoints</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6 p-1" onclick="location.href='problems/index.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">

                    <div class="icon col-2">
                        <i class="fas fa-chess fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="problems/index.html">Problems</a></p>

                        <b>Single-objective:</b>
                        <a href="problems/single/ackley.html">Ackley</a>,
                        <a href="problems/single/griewank.html">Griewank</a>,
                        <a href="problems/single/rastrigin.html">Rastrigin</a>,
                        <a href="problems/single/rosenbrock.html">Rosenbrock</a>,
                        <a href="problems/single/zakharov.html">Zakharov</a>,
                        <a href="problems/index.html#Single-Objective">...</a>
                        <br>
                        <p style="margin-bottom:0.4em;"></p>


                        <b>Multi-objective:</b>
                        <a href="problems/multi/bnh.html">BNH</a>,
                        <a href="problems/multi/osy.html">OSY</a>,
                        <a href="problems/multi/tnk.html">TNK</a>,
                        <a href="problems/multi/truss2d.html">Truss2d</a>,
                        <a href="problems/multi/welded_beam.html">Welded Beam</a>,
                        <a href="problems/multi/zdt.html">ZDT</a>,
                        <a href="problems/index.html#Multi-Objective">...</a>
                        <br>
                        <p style="margin-bottom:0.4em;"></p>


                        <b>Many-objective:</b>
                        <a href="problems/many/dtlz.html">DTLZ</a>,
                        WFG
                        <br>
                        <p style="margin-bottom:0.7em;"></p>

                        <b>Constrained:</b>
                        CTP,
                        <a href="problems/constrained/dascmop.html">DASCMOP</a>,
                        <a href="problems/constrained/modact.html">MODAct</a>,
                        <a href="problems/constrained/mw.html">MW</a>,
                        CDTLZ
                        <br>
                        <p style="margin-bottom:0.4em;"></p>

                        <b>Dynamic:</b>
                        <a href="problems/dynamic/df.html">DF</a>
                        
                        <br>
                        <p style="margin-bottom:0.7em;"></p>
                        

                        <b>Related:</b>
                        <a href="problems/definition.html">Problem Definition</a>,
                        <a href="gradients/index.html">Gradients</a>,
                        <a href="problems/parallelization.html">Parallelization</a>
                    </div>
                </div>
            </div>
        </div>


    </div>


    <div class="row row-eq-height">

        <div class="col-12 col-lg-6 p-1"onclick="location.href='algorithms/index.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">

                    <div class="icon col-2">
                        <i class="fas fa-search fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="algorithms/index.html">Algorithms</a></p>

                        <b>Single-objective:</b>
                        <a href="algorithms/soo/ga.html">GA</a>,
                        <a href="algorithms/soo/de.html">DE</a>,
                        <a href="algorithms/soo/pso.html">PSO</a>,
                        <a href="algorithms/soo/nelder.html">Nelder Mead</a>,
                        <a href="algorithms/soo/pattern.html">Pattern Search</a>,
                        <a href="algorithms/soo/brkga.html">BRKGA</a>,
                        <a href="algorithms/soo/es.html">ES</a>,
                        <a href="algorithms/soo/sres.html">SRES</a>,
                        <a href="algorithms/soo/isres.html">ISRES</a>,
                        <a href="algorithms/soo/cmaes.html">CMA-ES</a>,
                        <a href="algorithms/soo/g3pcx.html">G3PCX</a><img class="new-flag" src="_static/new-flag.svg">

                        <p style="margin-bottom:0.4em;"></p>
                        <p style="margin-bottom:0.4em;"></p>

                        <b>Multi-objective:</b>
                        <a href="algorithms/moo/nsga2.html">NSGA-II</a>,
                        <a href="algorithms/moo/rnsga2.html">R-NSGA-II</a>

                        <br>
                        <p style="margin-bottom:0.4em;"></p>

                        <b>Many-objective:</b>
                        <a href="algorithms/moo/nsga3.html">NSGA-III</a>,
                        <a href="algorithms/moo/rnsga3.html">R-NSGA-III</a>,
                        <a href="algorithms/moo/unsga3.html">U-NSGA-III</a>,
                        <a href="algorithms/moo/moead.html">MOEA/D</a>,
                        <a href="algorithms/moo/age.html">AGE-MOEA</a>,
                        <a href="algorithms/moo/age2.html">AGE-MOEA2</a>,
                        <a href="algorithms/moo/rvea.html">RVEA</a>,
                        <a href="algorithms/moo/sms.html">SMS-EMOA</a>
                        <br>
                        
                        <b>Dynamic:</b>
                        <a href="algorithms/moo/dnsga2.html">D-NSGA-II</a>,
                        <a href="algorithms/moo/kgb.html">KGB</a><img class="new-flag" src="_static/new-flag.svg">
                        <br>
                        <p style="margin-bottom:0.7em;"></p>

                        <b>Related:</b>
                        <a href="misc/reference_directions.html">Reference Directions</a>,
                        <a href="constraints/index.html">Constraints</a>,
                        <a href="misc/convergence.html">Convergence</a>,
                        <a href="algorithms/hyperparameters.html">Hyperparameters</a><img class="new-flag" src="_static/new-flag.svg">


                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6 p-1" onclick="location.href='customization/index.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">
                    <div class="icon col-2">
                        <i class="fas fa-book-open fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="customization/index.html">Customization</a></p>

                        <b>Variable Types:</b>
                        <a href="customization/binary.html">Binary</a>,
                        <a href="customization/discrete.html">Discrete</a>,
                        <a href="customization/permutation.html">Permutation</a>,
                        <a href="customization/mixed.html">Mixed</a><img class="new-flag" src="_static/new-flag.svg">,
                        <a href="customization/custom.html">Custom</a>

                        <br>
                        <p style="margin-bottom:0.4em;"></p>

                        <b>Examples:</b>
                        <a href="customization/initialization.html">Biased Initialization</a>,
                        <a href="customization/permutation.html#Traveling-Salesman-Problem-(TSP)">Traveling Salesman</a>
                    </div>

                </div>
            </div>
        </div>


    </div>


    <div class="row row-eq-height">

        <div class="col-12 col-lg-6 p-1"onclick="location.href='operators/index.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">


                    <div class="icon col-2">
                        <i class="fas fa-tools fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="operators/index.html">Operators</a></p>


                        <a href="operators/sampling.html">Sampling:</a>
                        Random, LHS
                        </br>
                        <a href="operators/selection.html">Selection:</a>
                        Random, Binary Tournament

                        </br>
                        <a href="operators/crossover.html">Crossover:</a>
                        SBX, UX, HUX, DE Point, Exponential, OX, ERX
                        </br>

                        <a href="operators/mutation.html">Mutation:</a>
                        Polynomial, Bitflip, Inverse Mutation
                        </br>
                        <a href="operators/repair.html">Repair</a>

                    </div>

                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6 p-1" onclick="location.href='visualization/index.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">

                    <div class="icon col-2">
                        <i class="fas fa-chart-line fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="visualization/index.html">Visualization</a></p>

                        <a href="visualization/scatter.html">Scatter Plot (2D/3D/ND)</a>,
                        <a href="visualization/pcp.html">Parallel Coordinate Plot (PCP) </a>,
                        <a href="visualization/radviz.html">Radviz</a>,
                        <a href="visualization/star.html">Star Coordinates</a>,
                        <a href="visualization/heatmap.html">Heatmap</a>,
                        <a href="visualization/petal.html">Petal Diagram</a>,
                        <a href="visualization/radar.html">Spider Web / Radar</a>,
                        <a href="visualization/video.html">Video</a>

                    </div>
                </div>
            </div>
        </div>


    </div>


    <div class="row row-eq-height">

        <div class="col-12 col-lg-6 p-1" onclick="location.href='mcdm/index.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">

                    <div class="icon col-2">
                        <i class="fas fa-balance-scale fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="mcdm/index.html">Multi-Criteria Decision Making</a></p>

                        <a href="mcdm/index.html#nb-compromise">Compromise Programming</a>,
                        <a href="mcdm/index.html#nb-pseudo-weights">Pseudo Weights</a>,
                        <a href="mcdm/index.html#nb-high-tradeoff">High Trade-off Points</a>
                    </div>
                </div>
            </div>
        </div>


        <div class="col-12 col-lg-6 p-1" onclick="location.href='misc/indicators.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">
                    <div class="icon col-2">
                        <i class="fas fa-medal fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="misc/indicators.html">Performance Indicator</a></p>

                        <a href="misc/indicators.html#nb-gd">GD</a>,
                        <a href="misc/indicators.html#nb-gd-plus">GD+</a>,
                        <a href="misc/indicators.html#nb-igd">IGD</a>,
                        <a href="misc/indicators.html#nb-igd-plus">IGD+</a>,
                        <a href="misc/indicators.html#nb-hv">Hypervolume</a>,
                        <a href="misc/kktpm.html">KKTPM</a>
                    </div>
                </div>
            </div>
        </div>

    </div>

        <div class="row row-eq-height">

        <div class="col-12 col-lg-6 p-1" onclick="location.href='misc/decomposition.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">
                    <div class="icon col-2">
                        <i class="fas fa-layer-group fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="misc/decomposition.html">Decomposition</a></p>

                        <a href="misc/decomposition.html#nb-weighted-sum">Weighted-Sum</a>,
                        <a href="misc/decomposition.html#nb-asf">ASF</a>,
                        <a href="misc/decomposition.html#nb-aasf">AASF</a>,
                        <a href="misc/decomposition.html#nb-tchebi">Tchebysheff</a>,
                        <a href="misc/decomposition.html#nb-pbi">PBI</a>
                    </div>
                </div>
            </div>
        </div>


        <div class="col-12 col-lg-6 p-1" onclick="location.href='case_studies/index.html';">
            <div class="entry border p-3">
                <div class="d-flex flex-row">
                    <div class="icon col-2">
                        <i class="fas fa-business-time fa-2x"></i>
                    </div>
                    <div class="desc col-10">
                        <p class="portfolio-heading"><a href="case_studies/index.html">Case Studies</a></p>
                        <a href="case_studies/subset_selection.html">Subset Selection</a>,
                        <a href="case_studies/portfolio_allocation.html">Portfolio Allocation</a><img class="new-flag" src="_static/new-flag.svg">
                        

                    </div>
                </div>
            </div>
        </div>

    </div>





</div>